/* components */
import { SettingGPTViewDialog } from "@gpt/components"
/* enum */
import ComponentNameEnum from "@model/enum/ComponentNameEnum"
/* vue */
import { defineComponent, PropType } from "vue"
/* scss */
import '@gpt/views/home/url-description-dialog.scss'

type SettingGPTViewDialogComponentType = InstanceType<typeof SettingGPTViewDialog>

export default defineComponent({
  name: ComponentNameEnum.SettingGPTHomeViewUrlDescriptionDialog,
  props: {
    value: {
      type: String as PropType<String>,
      default: '',
    },
    onInput: {
      type: Function
    }
  },
  computed: {
    settingGPTViewDialogComponent(): SettingGPTViewDialogComponentType {
      return this.$refs.SettingGPTViewDialog as SettingGPTViewDialogComponentType
    },
  },
  methods: {
    openDialog() {
      this.settingGPTViewDialogComponent.open()
    },
    closeDialog() {
      this.settingGPTViewDialogComponent.close()
    }
  },
  render() {
    return (
      <div class={ComponentNameEnum.SettingGPTHomeViewUrlDescriptionDialog}>
        <SettingGPTViewDialog
          width="500px"
          title="机器人链接说明"
          ref="SettingGPTViewDialog"
          confirmText="我知道了"
          className={ComponentNameEnum.SettingGPTHomeViewUrlDescriptionDialog}
          onConfirm={this.closeDialog}
        >
          <div>
            <h4>
              机器人链接的应用场景：
            </h4>
            <h4>
              （一）客户服务
            </h4>
            <div>
              <div>
                1. 官网客服机器人：在企业官方网站或社交媒体平台上，可以在官网上防
                止机器人链接充当AI客服机器人，作为智能导览员，向访客介绍企业的产
                品、服务以及企业文化。
              </div>
              <div>
                2. 公众号客服机器人：将机器人链接嵌入公众号，可以对微信客户的问题
                进行快速问答、引导、自助服务，提高客户响应率和满意度。
              </div>
            </div>
            <h4>
              (二）经营辅助
            </h4>
            <div>
              1.产品推荐：自助门户的客服机器人接入AI，可以根据用户的询问和浏览
              记录，智能推荐相关产品，提供个性化的购物体验，增加销售转化率。
            </div>
            
            <div class="setting-gpt-home-view-url-description-dialog__risk">
              <h4>风险说明：</h4>
              <div>AI机器人链接存在一些潜在的风险，请了解以下须知后再使用：</div>
              <div>
                <strong>1. 数据安全风险：</strong>
                由于AI机器人外部链接存在与外部用户进行交互的情况，可能涉及到企业信息泄露。
              </div>
              <div>
                <strong>2.知识库局限性：</strong>
                机器人的问答能力受限于其内部设置的知识库。如果知识库更新不及时或内容不完整，可能导致机器人无法准确回答用户的问题，甚至给出错误的信息。
              </div>
              <div>
                <strong>3.品牌声誉风险：</strong>
                如果AI机器人在与客户交互中出现错误或不当言论，可能会损害企业的品牌形象和声誉。
              </div>
            </div>
            
          </div>
        </SettingGPTViewDialog>
      </div>
    )
  }
});